<!--
 * @Descripttion: 
 * @version: 
 * @Author: Xyl
 * @Date: 2023-05-02 00:27:18
 * @LastEditors: zoey
 * @LastEditTime: 2023-05-18 14:41:21
-->
<template>
  <div>
    <a-breadcrumb style="color:white">
      <a href="https://192.3.96.11:10443/cgi-bin/situationalAwareness.cgi" style="color: white;">
        <a-breadcrumb-item>首页</a-breadcrumb-item>
      </a>
      <!-- <a-breadcrumb-item>系统列表</a-breadcrumb-item> -->
      <a-breadcrumb-item style="color:aquamarine">取证</a-breadcrumb-item>
    </a-breadcrumb>
    <block style="marginTop:20px;marginBottom:60px"></block>
    <!-- 开始按钮 -->
    <!-- <a-button type="primary" @click="startForensics()" style="margin: 10px;">
      开始取证
    </a-button> -->
    <a-modal
      v-model="isSuccessModalVisible"
      title="取证成功"
      @ok="handleOk"
      @cancel="handleCancel"
      :footer="null"    
    >
      <p>取证已成功完成！</p>
      <a-button type="primary" @click="handleClose">关闭</a-button>
    </a-modal>

    <a-alert message="我们在此展示取证信息,包含区块ID、取证时间、网络行为取证、进程取证、线程取证、内存取证等信息。"
      description="Here we display attack information, including the block ID, the start of forensics and other information."
      type="info" style="marginTop:160px;marginBottom:20px" />
    <ContentCom></ContentCom>
   
  </div>
</template>
<script>
  import axios from 'axios';
  import ContentCom from "../components/ContentCom.vue"
  import block from "../components/block.vue";

  export default {
    inject: ['reload'],
    components: {
      block,
      ContentCom
    },
    data() {
      return {
      isSuccessModalVisible: false, // 控制弹窗显示的状态

        // 模态框
        // addModalVisible: false,
        // uuid: '1684390881370sxt3n6m1Org1MSP',
      }
    },
    // 模态框展示
    // changeVisible(value) {
    //   this.addModalVisible = value;
    // },
    methods: {
      startForensics() {
      // 设置一个10秒的定时器
      setTimeout(() => {
        this.isSuccessModalVisible = true; // 10秒后显示弹窗
      }, 10000);
    },
    handleOk() {
      this.isSuccessModalVisible = false; // 这个方法在这里不会被调用，因为没有确定按钮
    },
    handleCancel() {
      this.isSuccessModalVisible = false; // 这个方法在这里也不会被调用，因为没有取消按钮
    },
    handleClose() {
      this.isSuccessModalVisible = false; // 关闭弹窗的方法
    },
    },
  };
</script>
<style scoped>
  h2 {
    textAlign: center;
    font-size: 2em;

  }
</style>